<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<style>
			body {
				margin: 0;
			}
			.iframe_box {
				width: 100%;
				height: 100%;
				border: none;
			}
			
			.main {
				flex: 1;
				min-height: 100%;
				overflow: hidden visible;
				/* height: calc(100vh - 150px); */
			}
		</style>
	</head>
	<body>
		<div style="width: 100%; height: 100vh; display: flex;flex-direction: column;">
			<div style="height: 90px;">
				<p>123456</p>
				<p>123456</p>
				<p>123456</p>
			</div>
			<div class="main">
				<iframe src="http://192.168.31.148:8080" class="iframe_box" id="myIFrame"></iframe>
			</div>
			<div style="position: fixed;bottom: 0;width: 100%; height:56px: 0;z-index: 888;">
				
			</div>
		</div>
	</body>s
	<script>
		// 在父窗口中  
		window.addEventListener('message', function(event) {  
		    // 处理消息内容  
		    console.log('父级接收到信息event', event); // { key: 'value' }  
		}, false);
	</script>
</html>